<!DOCTYPE HTML>
<html lang="zh">
<meta charset="utf-8">
<head>
	<title>数据统计</title>
    <link href="/aityWeb/static/css/font-awesome.css" rel="stylesheet"/>

    <style type="text/css">
        .nav > li:hover .dropdown-menu {display: block;}
    </style>

	<link href="/aityWeb/static/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="/aityWeb/static/css/font-awesome.css" rel="stylesheet"/>
	<!-- bootstrap-table 表格插件样式 -->
	<link href="/aityWeb/static/ajax/libs/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
	<link href="/aityWeb/static/ajax/libs/bootstrap-treetable/bootstrap-treetable.css" rel="stylesheet"/>
	<link href="/aityWeb/static/css/animate.css" rel="stylesheet"/>
	<link href="/aityWeb/static/css/style.css" rel="stylesheet"/>
	<link href="/aityWeb/static/css/checkbox.css" rel="stylesheet"/>
	<link href="/aityWeb/static/ajax/libs/select/select2.css" rel="stylesheet"/>
    <link href="/aityWeb/static/galaxy/css/ry-ui.css" rel="stylesheet"/>
    <style type="text/css">
    	.card-header{
    		width: 100%;
    		height: 25px;
    		border-left: 8px solid #41BACF;
    	}
    	.card-header p{
    		height: 25px;
    		line-height: 25px;
    		padding-left: 15px;
    		font-weight: bold;
    	}
    	.card-context{
			margin-top: 10px;
    	}
    	.card-context .card-main{
			float: left;
    		width: 250px;
    		height: 150px;
  			text-align: center;
  			color: white;
			padding: 10px;
			margin-left: 10px;
			border-radius: 10px;

    	}
    	.card-context .card-main:hover{
			/*box-shadow: 0px 2px 3px #000;*/
			-webkit-box-shadow: #999 0px 0px 8px;
		    -moz-box-shadow: #999 0px 0px 8px;
		    box-shadow: #999 0px 0px 8px;
		}
    	.card-main i{
    		display: block;
    		font-size: 60px;
    		padding-top: 30px;
    	}
    	.card-main span{
			font-size: 20px;
			margin-top: 10px;
    	}
    	.card_1_1{
    		background-color: #4EC0E2;
    	}
    	.card_1_2{
			background-color: #4DE1BD;
    	}
    	.card_1_3{
    		background-color: #F9BA77;
    	}
    	.card_2_1{
			background-color: #87B0EE;
    	}
    	.card_2_2{
			background-color: #3CD2D0;
    	}
    	.card_3_1{
			background-color: #FF999A;
    	}
    </style>
    
</head>
<body class="gray-bg">
<div class="container-div">
	<div class="row">
		<div class="col-sm-12 select-info" style="padding-top: 10px;">

			<ul class="breadcrumb" style="font-size: 16px;background-color: #f5f5f5;padding: 5px 10px;color: #337ab7;">
			    <li><i class="fa fa-home" aria-hidden="true"></i>&nbsp;&nbsp;<a href="#">首页</a></li>
			    <li class="active"><a href="#">场馆管理</a></li>
			</ul>

			<div style="margin-top: 10px;">
				<div class="card-header">
					<p>场馆基础信息设置</p>
				</div>
				<div class="card-context">
					<div class="card-main card_1_1">
						<i class="fa fa-list"></i>
						<span>场馆图片</span>
					</div>

					<div class="card-main card_1_2">
						<i class="fa fa-futbol-o"></i>
						<span>场馆属性</span>
					</div>

					<div class="card-main card_1_3">
						<i class="fa fa-university"></i>
						<span>运动类型</span>
					</div>
					<div style="clear: both;"></div>
				</div>


				<div class="card-header" style="margin-top: 10px;">
					<p>场馆结算信息设置</p>
				</div>
				<div class="card-context">
					<div class="card-main card_2_1">
						 <i class="fa fa-credit-card"></i>
						<span>结算模板管理</span>
					</div>
					<div class="card-main card_2_2">
						 <i class="fa fa-search"></i>
						<span>保证金管理</span>
					</div>
					<div style="clear: both;"></div>
				</div>

				<div class="card-header" style="margin-top: 10px;">
					<p>兑换券信息设置</p>
				</div>
				<div class="card-context">
					<div class="card-main card_3_1">
						<i class="fa fa-money"></i>
						<span>兑换券信息</span>
					</div>
					<div style="clear: both;"></div>
				</div>

			</div>

		</div>
	</div>
</div>

<script src="/aityWeb/static/js/jquery.min.js"></script>
	<script src="/aityWeb/static/js/bootstrap.min.js"></script>
	<script src="/aityWeb/static/js/echarts.common.min.js"></script>
	
	<!-- bootstrap-table 表格插件 -->
	<script src="/aityWeb/static/ajax/libs/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="/aityWeb/static/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="/aityWeb/static/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
	<script src="/aityWeb/static/ajax/libs/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js"></script>
	<!-- jquery-validate 表单验证插件 -->
	<script src="/aityWeb/static/ajax/libs/validate/jquery.validate.min.js"></script>
	<script src="/aityWeb/static/ajax/libs/validate/messages_zh.min.js"></script>
	<script src="/aityWeb/static/ajax/libs/validate/jquery.validate.extend.js"></script>
	<!-- jquery-validate 表单树插件 -->
	<script src="/aityWeb/static/ajax/libs/bootstrap-treetable/bootstrap-treetable.js"></script>
	<!-- jquery-export 表格导出插件 -->
	<script src="/aityWeb/static/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
	<script src="/aityWeb/static/ajax/libs/bootstrap-table/extensions/export/tableExport.js"></script>
	<!-- 遮罩层 -->
	<script src="/aityWeb/static/ajax/libs/blockUI/jquery.blockUI.js"></script>
	<script src="/aityWeb/static/ajax/libs/layer/layer.min.js"></script>
	<script src="/aityWeb/static/ajax/libs/layui/layui.js"></script>
	<script src="/aityWeb/static/galaxy/js/common.js?v=2.3.0"></script>
	<script src="/aityWeb/static/galaxy/js/ry-ui.js?v=2.3.0"></script>
<script type="text/javascript">
    var prefix = '';

    $(function() {   

        var options = {
            url: "/aityWeb/static/json/dataStatistics/info.json",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            search: false,
            modalName: "数据统计",
				columns: [{
					checkbox: true
				},
                {
                    field : 'id',
                    title : 'ID'
                },
                {
                    field : 'sTime',
                    title : '售卖时间'
                },
                {
                    field : 'voucherName',
                    title : '券名称'
                },
                {
                    field : 'userInfo',
                    title : '用户信息'
                },
                {
                    field : 'je',
                    title : '金额'
                },
                {
                	field : 'byje',
                    title : '备用金金额'
                },
                {
                	field : 'bysyje',
                    title : '备用金使用金额'
                }
                // {
                //     title: '操作',
                //     align: 'center',
                //     formatter: function(value, row, index) {
                //         var actions = [];
                //         actions.push('<a href="#" onclick="edit()"><i class="fa fa-edit"></i>编辑</a> ');
                //         actions.push('<a href="#" onclick="info()"><i class="fa fa-remove"></i>查看</a>');
                //         return actions.join('');
                //     }
                // }
                ]
        };
        $.table.init(options);
    });

    function edit(){
        $.loadInner.updateUrl("/aityWeb/view/clubManger/edit.html");
    }

    function  info() {
         $.loadInner.updateUrl("/aityWeb/view/clubManger/info.html");
    }

</script>
</body>
</html>

